<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="三角洲数据查询攻略站 - 游戏物品数据分析平台" />
    <meta name="keywords" content="三角洲,数据查询,游戏物品,数据分析,三角洲官网,三角洲数据查询攻略站" />
    <title>三角洲数据查询攻略站</title>

    <!-- 内联关键CSS以避免阻塞渲染 -->
    <style>
      /* 基础重置和布局 */
      html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px; /* 设置基础字体大小 */
        line-height: 1.6;
        color: #333;
        background-color: #f5f5f5;
        /* 确保用户可以选择文本 */
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
      }

      #app {
        width: 100%;
        height: 100%;
        min-height: 100vh;
      }

      /* 加载状态样式 */
      .app-loading {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f5f5f5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 9999;
      }

      .loading-spinner {
        width: 40px;
        height: 40px;
        border: 3px solid #e0e0e0;
        border-top: 3px solid #18a058;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin-bottom: 16px;
      }

      .loading-text {
        color: #666;
        font-size: 14px;
        font-weight: 500;
      }

      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }

      /* 防止布局抖动 */
      * {
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <!-- 应用加载状态 -->
    <div id="app">
      <div class="app-loading">
        <div class="loading-spinner"></div>
        <div class="loading-text">正在加载三角洲数据查询攻略站...</div>
      </div>
    </div>

    <script type="module" src="/src/main.ts"></script>
    <script>
!function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"3MFKWFrpg8vjeoBc",ck:"3MFKWFrpg8vjeoBc",autoTrack:true,hashMode:true,screenRecord:true});
</script>
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?caa07690d8479c50bcd993a89ce3a2aa";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
  </script>

  </body>
</html>